<!DOCTYPE html>
<html lang="en">

<head>
</head>

<body>
    <h1>Mountains</h1>
    <div id="mountains"></div>
    <div id="mountains">
    </div>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $.get("1.json", function (data) {
                let str = "<table border='1px'>"
                data.forEach((each) => {
                    str += "<tr><td>" + each.name + "</td><td>" + each.height + "</td><td>" + each.place + "</td></tr>"
                })
                str += "</table>"
                $("body").append(str);

            })
        })
    </script>

</body>

</html>
